<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>CSS文本外观-装饰文本(text-decoration)</title>
    <style>
      div {
        /* 下划线 */
        /* text-decoration: underline; */
        /* 删除线 */
        text-decoration: line-through;
        /* 上划线（几乎不用） */
        /* text-decoration: overline; */
      }
      a {
        /* 取消<a>标签默认的下划线 */
        text-decoration: none;
        color: #333;
      }
    </style>
  </head>
  <body>
    <div>粉红色的回忆</div>
    <a href="#">粉红色的回忆</a>
  </body>
</html>
